<template>
       <footer class="footer">
       <!-- 统计 -->
       <span class="todo-count">合 计:<strong> {{ list.length }} </strong></span>
       <!-- 清空 -->
       <button class="clear-completed" @click="allDel" v-show="list.length>0">
         清空任务
       </button>
     </footer>
</template>

<script>
export default {
  props:{
        list:Array,
    },
  methods:{
    allDel(){
      this.$emit("claer")
    }
  }
}
</script>

<style>

</style>